/* Main section */
body > section, body > div > section {
   margin-left:auto;
   margin-right:auto;
   margin-top:0;
   margin-bottom:0;
   min-height:100px;
   width:90%;
   color:#000;
   background:#E6EEFF;
   display:block;
   float:none;
   padding:0.01px;
   position:relative;
}
body > div > section > * {
   margin:1em 2em;
}
body > div > section > header {
   margin:0px;
}
/* Main article */
body > div > section > article {
   display:inline-block;
   width:60%;
}
/* Sidebar */
body > div > section > aside {
   border:1px solid #333;
   margin-top:0;
   display:inline-block;
   min-width:30%;
}
.main a,
.main label,
body > div > section a,
body > div > section label
{
   color:#0035A5;
}
/* Square Inputs */
input[type=text],
input[type=text],
form input[type=password],
.main form input[type=password],
form input[type=email],
.main form input[type=email],
form textarea,
.main form textarea
{
   display:block;
   margin:2px auto;
   padding:2px 5px;
   width:200px;
   height:30px;
   line-height:35px;
}
form textarea,
.main form textarea
{
   display:block;
   width:97%;
   height:120px;
   margin:0;
}
form label textarea,
.main form label textarea {
   width:auto;
}
/* Single Line Inputs beside labels */
form label + input[type=text],
.main form label + input[type=text],
form label + input[type=password],
.main form label + input[type=password],
form label + input[type=email],
.main form label + input[type=email],
form label + select,
.main form label + select
{
   display:inline-block;
}
/* Text Inputs Inside Labels */
form label input[type=text]:only-of-type,
.main form label input[type=text]:only-of-type,
form label input[type=password]:only-of-type,
.main form label input[type=password]:only-of-type,
form label input[type=email]:only-of-type,
.main form label input[type=email]:only-of-type,
form label textarea:only-of-type,
.main form label textarea:only-of-type
{
   margin:0;
   min-width:400px;
}

/* Radio Or Checkboxes Inside Label */
form label input[type=radio],
.main form label input[type=radio],
form label input[type=checkbox],
.main form label input[type=checkbox]
{
   top:-0.4em;
   position:relative;
   margin-top:0.5em;
}
/* Radio Or Checkboxes after label */
form label + input[type=radio],
.main form label + input[type=radio],
form label + input[type=checkbox],
.main form label + input[type=checkbox]
{
   position:relative;
   top:2px;
}
.main form label,
form label
{
   display:inline-block;
   text-transform:uppercase;
   cursor:pointer;
   text-align:left;
   margin:10px 20px;
}
body > div > section input[type=text],
.main input[type=text],
form input[type=password],
.main form input[type=password],
form input[type=email],
.main form input[type=email]
{
   width:60%;
}
body > div > section input,
.main input,
body > div > section textarea,
.main textarea,
body > div > section select
.main select
{
   background: #fff;
   border:1px solid #aaa;
}
body > div > section input:focus,
.main input:focus,
body > div > section textarea:focus,
.main textarea:focus,
body > div > section select:focus
.main select:focus
{
   box-shadow:0 0 5px 0 #1982D1 inset;
   border-color:#1982D1;
}

body > div > section select,
.main select
{
   min-width:100px;
   height:35px;
   padding:8px 2px;
   text-transform:none;
}
form label select:only-of-type,
.main form label select:only-of-type {
   min-width:452px;
}
body > div > section form,
body > div > section h1 ~ form
{
   display:block;
   margin:20px auto;
   padding:0px;
   width:450px;
   border: 1px solid #ddd;
   background:#62D98E;
   color:#000;
   box-shadow:0 0 3px #000;
   border-style:none;
   padding:0.01px;
}
body > div > section form > * {
   margin-left:10px;
   margin-right:10px;
}
/* Any h in the form */
body > div > section form > h1,
body > div > section form > h2,
body > div > section form > h3,
body > div > section form > h4,
body > div > section form > h5,
body > div > section form > h6 {
   margin-left:0px;

}
body > div > section form > *:first-child {
   margin-top:20px;
}
/* title of the form */
body > div > section form > h1:first-child,
body > div > section form > h2:first-child,
body > div > section form > h3:first-child,
body > div > section form > h4:first-child,
body > div > section form > h5:first-child,
body > div > section form > h6:first-child {
   margin-top:0px;
}
form > *:last-child {
   margin-bottom:20px;
}

/* Section titles */
section > h1:first-child,
section > h2:first-child,
section > h3:first-child,
section > h4:first-child,
section > h5:first-child,
section > h6:first-child {
   margin:0px;
}

section > header {
   padding:0px;
}

body > div > section h1 ~ form,
.main h1 ~ form {
   padding:0.01px;
}
form table,
.main form table
{
   margin:0;
}

body > div > section input[type=submit],
.main input[type=submit],
body > div > section button,
.main button
{
   background-color: #FBA13F;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
   color: #FFF;
   display:inline-block;
   font-family: 'Droid Serif',Georgia,"Times New Roman",Times,serif;
   font-size: 14px;
   height: 35px;
   min-width: 30%;
   letter-spacing: 2px;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
   text-transform: uppercase;
   margin:10px 5%;
}

/* Only Button */
body > div > section input[type=submit]:last-child,
.main input[type=submit]:last-child,
body > div > section button:last-child,
.main button:last-child
{
   display:block;
   margin-left:auto;
   margin-right:auto;
}


body > div > section input[type=submit]:active,
.main input[type=submit]:active,
body > div > section button:active,
.main button:active,
body > div > section button:active,
.main button:active
{
   background-color: #00A9EA;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset;
}

/* buttons beside each other */
body > div > section input[type=submit] + input[type=submit],
.main input[type=submit] + input[type=submit],
body > div > section input[type=submit] + button,
.main input[type=submit] + button,
body > div > section button + input[type=submit],
.main button + input[type=submit],
body > div > section button + button,
.main button + button
{
   display:inline-block;
   margin-left:0px;
}

input:only-of-type + button {
   display:inline-block;
}

/* All Inputs */
body > div > section input[type=text],
.main input[type=text],
form input[type=password],
.main input[type=password],
body > div > section input[type=email],
.main input[type=email],
body > div > section select,
.main select,
body > div > section input[type=submit],
.main input[type=submit],
button,
.main form button
{
   cursor: pointer;
}

/**
 * Header Titles
 */
h1,
h2,
h3,
h4,
h5,
h5,
h6
{
   color:#00709B;
   font-size:1.3em;
   font-family:verdana;
   text-transform:uppercase;
   margin:10px 4px 2px;
   font-weight:normal;
   text-shadow: 0.05em 0.05em 0.02em #ccc;
}
form h1,
form h2,
form h3,
form h4,
form h5,
form h6
{
   text-align:left;
   margin:0;
   padding:0;
}
body > div > section form h1,
body > div > section form h2,
body > div > section form h3,
body > div > section form h4,
body > div > section form h5,
body > div > section form h6
{
   margin-left:0;
   margin-right:0;
   text-shadow:0 0 3px #fff;
   background-color:#00742B;
   padding:5px 10px;
   color:#fff;
}
/* aside headers */
body > div > section aside h1,
body > div > section aside h2,
body > div > section aside h3,
body > div > section aside h4,
body > div > section aside h5,
body > div > section aside h6 {
   background-color:transparent;
   color:#00709B;
   font-size:1.8em;
   text-shadow:none;
}
form fieldset,
.main form fieldset {
   width:auto;
   border:none;
   padding:0 0 10px;
   margin:0 0 10px;
}

/* all h1 */
h1
{
   color:#F78100;
   font-size:2.5em;
   text-align:left;
   margin-left:0px;
   margin-top:20px;
}
body > div > section h1 {
   background-color:#F78100;
   color:#fff;
   margin:0px;
   margin-bottom:10px;
   padding:5px 10px;
   text-shadow:0.05em 0.05em 0.02em #000;
}
/* top h1 */
body > div > section > h1 {
   position:relative;
   left:-0.8%;
   width:100%;
   box-shadow:0 0 3px #000;
}
h2 {
   color:#00B343;
   margin-left:10px;
   margin-top:20px;
   font-size:2em;
}
body > div > section h2 {
   padding:0px;
}
body > div > section h3,
.main h3
{
   margin-left:1.5em;
   color:#001BA9;
   font-family:verdana;
   font-size:16px;
}
body > div > section h4,
.main h4
{
   margin-left:20px;
}
body > div > section h5,
.main h5
{
   margin-left:25px;
}
body > div > section h6,
.main h6
{
   margin-left:30px;
}
form h2,
.main form h2
{
   text-align:center;
}
body > div > section h1 ~ div,
.main h1 ~ div,
body > div > section h1 ~ ul,
.main h1 ~ ul,
body > div > section h1 ~ dl,
.main h1 ~ dl,
body > div > section h1 ~ p,
.main h1 ~ p,
body > div > section h1 ~ h2,
.main h1 ~ h2,
body > div > section h1 ~ h3,
.main h1 ~ h3,
body > div > section h1 ~ h4,
.main h1 ~ h4,
body > div > section h1 ~ h5,
.main h1 ~ h5,
body > div > section h1 ~ h6,
.main h1 ~ h6,
body > div > section h1 ~ xmp,
.main h1 ~ xmp,
body > div > section h1 ~ small,
.main h1 ~ small
{
   margin-left:5px;
   padding-left:5px;
}

body > div > section h2 ~ div,
.main h2 ~ div,
body > div > section h2 ~ ul,
.main h2 ~ ul,
body > div > section h2 ~ dl,
.main h2 ~ dl,
body > div > section h2 ~ p,
.main h2 ~ p,
body > div > section h2 ~ h3,
.main h2 ~ h3,
body > div > section h2 ~ h4,
.main h2 ~ h4,
body > div > section h2 ~ h5,
.main h2 ~ h5,
body > div > section h2 ~ h6,
.main h2 ~ h6,
.main h2 ~ nav,
body > div > section h2 ~ xmp,
.main h2 ~ xmp,
body > div > section h2 ~ small,
.main h2 ~ small
{
   margin-left:10px;
   padding-left:10px;
}

body > div > section h3 ~ div,
.main h3 ~ div,
body > div > section h3 ~ ul,
.main h3 ~ ul,
body > div > section h3 ~ p,
.main h3 ~ p,
body > div > section h3 ~ dl,
.main h3 ~ dl,
body > div > section h3 ~ h4,
.main h3 ~ h4,
body > div > section h3 ~ h5,
.main h3 ~ h5,
body > div > section h3 ~ h6,
.main h3 ~ h6,
.main h3 ~ nav,
body > div > section h3 ~ xmp,
.main h3 ~ xmp,
body > div > section h3 ~ small,
.main h3 ~ small
{
   margin-left:15px;
   padding-left:15px;
}

body > div > section h4 ~ div,
.main h4 ~ div,
body > div > section h4 ~ ul,
.main h4 ~ ul,
body > div > section h4 ~ p,
.main h4 ~ p,
body > div > section h4 ~ h5,
.main h4 ~ h5,
body > div > section h4 ~ h6,
.main h4 ~ h6,
.main h4 ~ nav,
body > div > section h4 ~ xmp,
.main h4 ~ xmp,
body > div > section h4 ~ small,
.main h4 ~ small
{
   margin-left:15px;
   padding-left:15px;
}

body > div > section h1 ~ p,
.main h1 ~ p,
body > div > section h2 ~ p,
.main h2 ~ p,
body > div > section h3 ~ p,
.main h3 ~ p,
body > div > section h4 ~ p,
.main h4 ~ p,
body > div > section h5 ~ p,
.main h5 ~ p,
body > div > section h6 ~ p,
.main h6 ~ p
{
   margin-top:0px;
   margin-bottom:0px;
}

/* When two headers are placed after the other */
body > div > section h1 + h2,
.main h1 + h2 {
   margin-top:0px;
}

body > div > section .error_message,
.main .error_message,
form label.error,
.main form label.error
{
   color:red;
   font-weight:bold;
   display:block;
   text-align:center;
   margin:20px 0;
}
form label.error,
.main form label.error
{
   margin:0;
   padding:0;
}

body > div > section thead th.search form,
.main thead th.search form
{
   background:transparent;
   width:auto;
   border-style:none;
   margin:0;
   padding:0;
}

body > div > section thead th.search form input[type=text],
.main thead th.search form input[type=text],
body > div > section thead th.search form select,
.main thead th.search form select
{
   width:200px;
}
body > div > section thead th.search form input[type=text],
.main thead th.search form input[type=text],
body > div > section thead th.search form select,
.main thead th.search form select,
body > div > section thead th.search form button,
.main thead th.search form button,
body > div > section thead th.search form input[type=submit],
.main thead th.search form input[type=submit]
{
   margin:0;
   padding:0;
   display:inline;
   height:28px;
}
body > div > section thead th.search form select,
.main thead th.search form select
{
   height:26px;
}

/**
 * Lists
 */
body > div > section ol,
.main ol,
body > div > section ul,
.main ul
{
   list-style:none;
   padding-left:20px;
}
body > div > section ul ul,
.main ul ul,
body > div > section ul ol,
.main ul ol,
body > div > section ol ul,
.main ol ul,
body > div > section ol ol,
.main ol ol
{
   border-top:1px solid #eee;
   padding-bottom:5px;
}
body > div > section ul li,
.main ul li,
body > div > section ol li,
.main ol li
{
   padding-bottom: 0.5em;
   padding-top: 0.5em;
}

body > div > section ul > li:before,
.main ul > li:before,
body > div > section ol > li:before,
.main ol > li:before
{
   color:#5CAECD;
   margin-right:5px;
   margin-left:5px;
   font-weight:bold;
}
body > div > section ul > li:before,
.main ul > li:before
{
   content:'\25A0';
   color:#5CAECD;
   text-shadow:0 0 2px;
}
body > div > section ol,
.main ol
{
   counter-reset: item;
}
body > div > section ol > li:before,
.main ol > li:before
{
   content: counter(item) ". ";
   counter-increment: item;
   text-shadow:0.5px 0.5px 0.08px #999;
}